 // 调试前端页面
console.log('开始调试前端页面...');

// 检查ECharts是否可用
if (typeof echarts !== 'undefined') {
    console.log('✅ ECharts库已加载');
} else {
    console.log('❌ ECharts库未加载');
}

// 检查Vue是否可用
if (typeof Vue !== 'undefined') {
    console.log('✅ Vue库已加载');
} else {
    console.log('❌ Vue库未加载');
}

// 模拟API调用
async function testApiCall() {
    try {
        const response = await fetch('http://localhost:8000/api/v1/prediction/weather-load-correlation?start_date=2025-06-20&end_date=2025-07-19');
        const data = await response.json();
        
        if (data.success) {
            console.log('✅ API调用成功');
            console.log('数据摘要:', {
                correlation_analysis: Object.keys(data.data.correlation_analysis),
                time_series_dates: data.data.time_series.dates.length,
                time_series_load: data.data.time_series.load.length
            });
            
            // 检查图表容器
            const chartElement = document.getElementById('timeSeriesChart');
            if (chartElement) {
                console.log('✅ 图表容器元素存在');
                console.log('容器尺寸:', chartElement.offsetWidth, 'x', chartElement.offsetHeight);
            } else {
                console.log('❌ 图表容器元素不存在');
            }
            
            return data;
        } else {
            console.log('❌ API调用失败:', data.message);
        }
    } catch (error) {
        console.error('❌ API调用异常:', error);
    }
}

// 检查页面元素
function checkPageElements() {
    console.log('检查页面元素...');
    
    // 检查相关性卡片
    const cards = document.querySelectorAll('.correlation-card');
    console.log('相关性卡片数量:', cards.length);
    
    // 检查图表容器
    const chartContainer = document.querySelector('.time-series');
    if (chartContainer) {
        console.log('✅ 图表容器存在');
        console.log('容器样式:', window.getComputedStyle(chartContainer));
    } else {
        console.log('❌ 图表容器不存在');
    }
    
    // 检查图表元素
    const chartElement = document.getElementById('timeSeriesChart');
    if (chartElement) {
        console.log('✅ 图表元素存在');
        console.log('元素尺寸:', chartElement.offsetWidth, 'x', chartElement.offsetHeight);
    } else {
        console.log('❌ 图表元素不存在');
    }
}

// 运行调试
console.log('运行调试函数...');
testApiCall().then(() => {
    setTimeout(checkPageElements, 1000);
});